<template>
	<view class="beijing1">
		<view class="" style="position: fixed; top: 0; z-index: 0">
			<image src="/static/beitu.png" mode="" style="width: 100vw; height: 100vh"></image>
		</view>
		<view class="" style="position: fixed; bottom: 0; right: 0; z-index: 0">
			<image src="/static/zhang.png" mode="" style="width: 374rpx; height: 640rpx"></image>
		</view>
		<u-navbar :placeholder="true" title="支付完成" @rightClick="rightClick" :autoBack="true" bg-color="transparent"></u-navbar>
		<view class="beijing" style="position: relative">
			<view class="center column" style="margin-top: 190rpx">
				<image src="/pagesA/static/tong.png" mode="" style="width: 163rpx; height: 162rpx"></image>
				<text style="margin-top: 50rpx; font-weight: 400; font-size: 36rpx; color: #222222">支付成功</text>
				<view class="center" style="margin-top: 160rpx; width: 570rpx; height: 80rpx; border-radius: 40rpx; border: 2px solid #8c1608">
					<text style="font-weight: 400; font-size: 35rpx; color: #8c1608">查看订单</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	onLoad(ops) {},
	onShow() {},
	methods: {
		rightClick() {
			console.log('rightClick');
		},
		leftClick() {
			console.log('leftClick');
		},
		scrolltolower() {
			console.log('到底了');
		}
	}
};
</script>

<style lang="scss" scoped>
.sl1 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 1;
}
.sl2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2;
}
.beijing {
	overflow: hidden;
	padding: 0 25rpx;
}
.beijing1 {
	min-height: 100vh;
	background-color: #f0e8dc;
	//系统tabbar不要加注释掉
	padding-bottom: env(safe-area-inset-bottom);
	box-sizing: border-box;
}
</style>
